<html>
    <head>
        <title>自定义tabbar</title>
    </head>
    <body>
        <script>
            /*
                  <6>、自定义tabbar
                                
                                    原生tabBar是相对固定的配置方式，可能无法满足所有场景，这就涉及到自定义tabBar。

                                    但注意除了H5端，自定义tabBar的性能体验会低于原生tabBar。App和小程序端非必要不要自定义。

                                    ①、H5端的自定义tabBar组件：H5端不存在原生tabBar性能更高的概念，并且宽屏下常见的tabBar在顶部而不是底部，
                                    
                                        此时可以使用 custom-tab-bar组件 来自定义

                                    ②、普通自定义tabBar：使用view自行绘制tabBar。

                                            如果页面是多页方式，切换tabBar将无法保持底部tabBar一直显示。

                                            所以这种情况建议使用单页方式。
                                            
                                            单页方式，如果是复杂页面，应用性能会下降明显，需减少页面复杂度。、
                                            
                                            如果是App端，nvue单页的性能会显著高于vue页面

                                    ③、微信小程序自定义tabbar：微信提供一直基于webview自定义tabBar的方案。该功能体验不佳，不太推荐使用。

                                            如果要使用，参考微信文档，项目根创建 custom-tab-bar 目录，
                                            
                                            注意里边的代码是 wxml,wxss，不是 vue，uni-app编译器会直接拷贝该目录到微信小程序中

                                    ③、原生的tabbar有且只有一个且在首页。二级页如需的tab，需自行编写view来实现。一般二级页面更适合的导航是 segement组件

            */
        </script>
    </body>
</html>